<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/style.css" rel="stylesheet" >
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrap">
         <div class="top">
           <div class="content">
              <div class="jumbotron_top">
                 <img src="img/top.jpg" alt="">
                 <h1>我的家乡</h1>
                 <p>四川，简称川或蜀，是中国23个省之一，省会成都。<br>
                   位于中国西南地区内陆，界于北纬26°03′～34°19′，<br>
                   东经97°21′～108°12′之间，东连重庆，南邻云南、<br>
                   贵州，西接西藏，北接陕西、甘肃、青海</p>
                 <p></p>
              </div>
           </div>
         </div>
         <div class="banner">
          <div class="content">
              <div class="banner_left">
                  <img src="img/top.jpg" alt="logo">
              </div>
              <div class="banner_mid">
                <ul>
                  <li class="sctive"><a href="index.html"><span>首页</span></a></li>
                  <li><a href="jianjie.html"><span>简介</span></a></li>
                  <li><a href="meishi.html"><span>美食</span></a></li>
                  <li><a href="wenhua.html"><span>文化</span></a></li>
              </ul>
              </div>
          </div>
         </div>
         <!-- <img src="img/top.jpg" alt=""> -->
         <div class="more" >
           <img src="img/sc.jpg" alt="">
           <div class="content" >
             <div class="more_top">
               <p></p>
                <h1>我爱我的家乡</h1>
                  <p class="mid">四川省总面积48.6万平方公里，辖21个地级行政区， [8]其中18个地级市、<br>
                    3个自治州。共55个市辖区、18个县级市，106个县，4个自治县，合计183个县级区划。353个<br>
                    街道、2232个镇、1929个乡、98个民族乡，合计4612个乡级区划。</p>
                    <p></p>
                    <p></p>
             </div>
             <div class="more_botton">
               <p></p>
               <span>查看更多</span>
               <p></p>
             </div>
           </div>
         </div>
         <div class="massage">
           <div class="content">
             <div class="massage_box">
                <div class="massage_box_right">
                  <img src="img/xm.jpg" alt="">
                  <h1>熊猫</h1>
                  <p>&nbsp;&nbsp;&nbsp;&nbsp;大熊猫（学名：Ailuropoda melanoleuca）：属于食肉目、熊科、大熊猫
                  亚科和大熊猫属唯一的哺乳动物。仅有二个亚种。雄性个体稍大于雌性。
                  </p>
                  <p>&nbsp;&nbsp;&nbsp;&nbsp;体型肥硕似熊、丰腴富态，头圆尾短，头躯长1.2-1.8米，尾长10-12厘米。
                    体重80-120千克，最重可达180千克，体色为黑白两色，脸颊圆，有大的黑眼圈，标志性的内八字的行走
                    方式，也有解剖刀般锋利的爪子。
                  </p>
              </div>
             </div>
             <div class="massage_box">
              <div class="massage_box_right">
                <img src="img/fz.jpg" alt="">
                <h1>羌寨</h1>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;羌寨是四川省阿坝市境内AAA级景区，位于阿坝藏族羌族自治州理县桃坪乡。
                </p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;四川阿坝藏族羌族自治州是我国唯一的羌族人民聚居的自治州，在这片孕育出
                  九寨沟、四姑娘山的美丽画境之地，一座座古朴典雅的羌寨犹如一颗颗宝石点缀其间。羌族是我国一个古老
                  的少数民族，原聚居于甘肃、青海一带。
                </p>
            </div>
           </div>
           <div class="massage_box">
            <div class="massage_box_right">
              <img src="img/jzg.jpg" alt="">
              <h1>九寨沟</h1>
              <p>&nbsp;&nbsp;&nbsp;&nbsp;九寨沟：世界自然遗产、国家重点风景名胜区、国家AAAAA级旅游景区、国家级
                自然保护区、国家地质公园、世界生物圈保护区网络，是中国第一个以保护自然风景为主要目的的自然保护区。
              </p>
              <p>&nbsp;&nbsp;&nbsp;&nbsp;九寨沟位于四川省阿坝藏族羌族自治州九寨沟县境内，地处青藏高原、川西高原、
                山地向四川盆地过渡地带，南距成都市300多公里，是一条纵深50余千米的山沟谷地，总面积64297公顷，森林
                覆盖率超过80%。因沟内有树正寨、荷叶寨、则查洼寨等九个藏族村寨坐落在这片高山湖泊群中而得名。
              </p>
          </div>
         </div>
         <div class="massage_box">
          <div class="massage_box_right">
            <img src="img/gz.jpg" alt="">
            <h1>古镇</h1>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;街子古镇，位于四川省成都市崇州，在崇州城西北25公里的凤栖山下，与青城后>山
              连接。有以晋代古刹光严禅院为中心的32座寺庙等古迹。 街子古镇，>五代时名“横渠镇”，因横于味江河畔而得名。
            </p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;境内有晋代古刹——光严禅院、凤栖山旅游风景区、千亩原始森林、千年银杏、千年古
              楠、清代古塔、清末民初古建一条街、宋代民族英雄王小波起义遗址、唐代一瓢诗人——唐求故居，有古龙潭、五柜
              沱、云雾洞等，全镇各种文物古迹二十余处。
            </p>
        </div>
       </div>
           </div>
         </div>
         <div class="ditu">
           <div class="content">
             <div class="ditu_left">
               <table>
                 <tr>
                   <td>中文名称</td>
                   <td>四川</td>
                   <td>方言</td>
                   <td>西南官话、彝语、羌语、藏语、客家语</td>
                </tr>
                <tr>
                  <td>外文名称</td>
                  <td>Sichuan</td>
                  <td>气候条件</td>
                  <td>亚热带季风气候、高原山地气候</td>
                </tr>
                <tr>
                  <td>别    名</td>
                  <td>川、蜀、天府之国</td>
                  <td>著名景点</td>
                  <td rowspan="2">九寨、黄龙、都江堰、青城山、乐山大佛、峨眉山、阆中古城等</td>
                </tr>
                <tr>
                  <td>行政区类别</td>
                  <td>省</td>
                  
                </tr>
                <tr>
                  <td>所属地区</td>
                  <td>中国西南地区</td>
                  <td>机    场</td>
                  <td>成都双流国际机场、绵阳南郊机场等</td>
                </tr>
                <tr>
                  <td>下辖地区</td>
                  <td>18个地级市、3个自治州</td>
                  <td>火车站</td>
                  <td rowspan="2">成都站、成都东站、自贡站、绵阳站、内江北站、达州站、乐山站等</td>
                </tr>
                <tr>
                  <td>政府驻地</td>
                  <td>成都市锦江区督院街30号</td>
                  
                </tr>
                <tr>
                  <td>电话区号</td>
                  <td>028，081X，082X，083X</td>
                  <td>车牌代码</td>
                  <td>川A—川Z</td>
                </tr>
                <tr>
                  <td>邮政区码</td>
                  <td>61XXXX，62XXXX，63XXXX，64XXXX</td>
                  <td>GDP</td>
                  <td>46615.8亿元（2019年）</td>
                </tr>
                <tr>
                  <td>地理位置</td>
                  <td>西南内陆地区</td>
                  <td>人均GDP</td>
                  <td>55774元（2019年</td>
                </tr><tr>
                  <td>面    积</td>
                  <td>48.6万平方公里</td>
                  <td>高等学府</td>
                  <td rowspan="2">四川大学、电子科技大学、成都理工大学、西南石油大学等</td>
                </tr>

                <tr>
                  <td>人    口</td>
                  <td>8375万人（2019年常住人口）</td>
                  <td></td>
                </tr>
               </table>
             </div>
             <div class="ditu_right">
               <img src="img/ditu.jpg" alt="">
             </div>
           </div>
         </div>
         <div class="footer">
          <div class="content">
            <div class="footer_box">
                 <h4>&copy;关于我们</h4>
                 <p>四川省总面积48.6万平方公里，辖21个地级行政区， [8]其中18个地级市、<br>
                   3个自治州。共55个市辖区、18个县级市，106个县，4个自治县，合计183个
                   县级区划。353个街道、2232个镇、1929个乡、98个民族乡，合计4612个乡<br>
                   级区划。</p>
             </div>
            </div>
         </div>
    </div>
    
    

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </body>
</html>